.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
html,body{
    width: 100%;
    
}
.header{
    .px2rem(height,88);
    display: flex;
    align-items: center;
    color: #CCC;
    .left{
        width: 25%;
        text-align: center;
        span{
            .px2rem(padding-left,10);
        }
    }
    .center{
        width: 70%;
    }
    .right{
        width: 10%;
    }
}
.set{
    .px2rem(padding-top,40);
    .px2rem(padding-left,44);

    .p1{
        width: 80%;
        .px2rem(font-size,26);
        color:#dd3333;
        font-weight: 600; 
    }
    .p2{
        width: 80%;
        .px2rem(padding-top,70);
        .px2rem(font-size,32);
        font-weight: 700;
    }
    .p3{
       .px2rem(padding-top,25);
        .px2rem(font-size,32);
        font-weight: 700; 
    }
}
.img{
    img{
        width: 100%;
    }
}
.imgs{
    .px2rem(margin-top,150);
    img{
        width: 100%;
    }
}
.footer{
    width: 100%;
    position:fixed;
    left: 0;
    bottom: 0;
    .px2rem(height,88);
    background: #FFF;
    display: flex;
    align-items: center;
    .ipt{
        height: 60%;
        border-left: 5px solid #dd3333;
        .px2rem(margin-left,20);
        input{
            height: 100%;
            border:0;
            .px2rem(margin-left,10);
            .px2rem(font-size,26);
        }
    }
    .list{
        color:#ccc;
        display: flex;
        align-items: center;
        width: 60%;
        li{
            width: 33%;
            text-align: center;
        }
    }
}
